<template>
  <view>
    <view class="upload-row">
      <u-upload
        class="upload-button"
        :action="uploadUrl"
        :file-list="fileList1"
        @success="handleSuccess1"
        @error="handleError1"
      ></u-upload>
      <u-upload
        class="upload-button"
        :action="uploadUrl"
        :file-list="fileList2"
        @success="handleSuccess2"
        @error="handleError2"
      ></u-upload>
    </view>
  </view>
</template>

<style>
.upload-row {
  display: flex;
  justify-content: space-between;
}

.upload-button {
  flex: 1;
  margin-right: 10px;
}
</style>

<script>
export default {
  data() {
    return {
      uploadUrl: 'http://example.com/upload', // 上传接口的 URL
      fileList1: [], // 第一个按钮的文件列表
      fileList2: [], // 第二个按钮的文件列表
    };
  },
  methods: {
    handleSuccess1(res) {
      // 第一个按钮上传成功的回调方法
      console.log('第一个按钮上传成功', res);
    },
    handleError1(err) {
      // 第一个按钮上传失败的回调方法
      console.log('第一个按钮上传失败', err);
    },
    handleSuccess2(res) {
      // 第二个按钮上传成功的回调方法
      console.log('第二个按钮上传成功', res);
    },
    handleError2(err) {
      // 第二个按钮上传失败的回调方法
      console.log('第二个按钮上传失败', err);
    },
  },
};
</script>